﻿<phone:PhoneApplicationPage 
    x:Class="OnlineVideos.StoryReading"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   
     xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False" >


    <Grid >
        <!--LayoutRoot is the root grid where all page content is placed-->
        <Grid x:Name="LayoutRoot" ManipulationDelta="StackPanel_ManipulationDelta" ManipulationCompleted="StackPanel_ManipulationCompleted" >
            <Grid.Background>
                <ImageBrush ImageSource="/Images/storyImages/PanoramaBackground.jpg"/>
            </Grid.Background>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <!--TitlePanel contains the name of the application and page title-->
            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="15,0,0,0" Orientation="Horizontal">
                <TextBlock x:Name="txttitle"  Foreground="White" FontFamily="/Harngton.ttf#Harrington" Width="375"  FontSize="35" HorizontalAlignment="Left" VerticalAlignment="Center">
                </TextBlock>
                <TextBlock x:Name="txtpage" Margin="10,0,0,0" Foreground="White"  FontSize="32" Height="50" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center"  />
            </StackPanel>

            <!--ContentPanel - place additional content here-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"  >


                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="80"/>
                </Grid.RowDefinitions>
                <Canvas Grid.Row="0">

                    <StackPanel x:Name="mainstk" Orientation="Vertical" >
                        <TextBlock Foreground="White" Margin="15,0,0,5" x:Name="txtDescription"  TextWrapping="Wrap" Width="440"></TextBlock>

                        <Image x:Name="imgstory" Width="400" Height="280" Margin="06,18,10,10" ></Image>

                    </StackPanel>

                    <StackPanel x:Name="messagestk" Background="Black" Opacity=".8"  Canvas.Left="160" Canvas.Top="60" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" Height="240" Width="240" Margin="-50,0,0,0" Visibility="Collapsed">
                        <Image  Source="/Images/Record Icons/record.png" Height="80" Width="80"  Visibility="Visible"  Margin="0,40,0,10" Name="Resume" MouseLeftButtonDown="resume_Click" Loaded="Resume_Loaded" ></Image>
                        <TextBlock x:Name="message" FontSize="22" Margin="10,0,10,0" Foreground="White"  TextWrapping="Wrap" Text="test" ></TextBlock>
                    </StackPanel>
                    <MediaElement x:Name="me" CurrentStateChanged="me_CurrentStateChanged" Visibility="Collapsed" MediaEnded="me_MediaEnded" MarkerReached="me_MarkerReached" MediaOpened="me_MediaOpened" ></MediaElement>
                </Canvas>
                <StackPanel Name="adstackpl" Background="Black" Grid.Row="1" Orientation="Vertical"  Margin="0,5,0,0"></StackPanel>
            </Grid>
        </Grid>
        <TextBlock
            VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"
            x:Name="loadingblock" Text="Loading..." FontSize="20"/>
        <!--<ProgressBar
            VerticalAlignment="Center" Foreground="White"
            x:Name="_performanceProgressBar"/>-->
    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="False" IsMenuEnabled="True" x:Name="RecordingBar" >
            <shell:ApplicationBarIconButton IconUri="/Images/Record Icons/record.png" x:Name="Record" Text="record" Click="record_Click"/>
            <shell:ApplicationBarIconButton IconUri="/Images/Record Icons/play.png" x:Name="Preview" Text="preview" Click="preview_Click_2"/>
            <shell:ApplicationBarIconButton IconUri="/Images/Record Icons/stop.png" x:Name="Stop" Text="stop" Click="stop_Click_1"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Click="DeleteRecording_Click" Text="Delete audio" />
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
       
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
